<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="/css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="/css/global.css"/>
		<link rel="stylesheet" type="text/css" href="/css/animation.css"/>
		<link rel="stylesheet" type="text/css" href="/css/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<!-- <link href='http://cdn.webfont.youziku.com/webfonts/nomal/107255/47065/5a5c91d9f629d81af4c5d152.css' rel='stylesheet' type='text/css' /> -->
		<script type="text/javascript" src="/js/jq.js"></script>
		<script type="text/javascript" src="/js/global.js"></script>
		<script type="text/javascript" src="/js/howler.min.js"></script>
		<script type="text/javascript" src="/js/bjlHelper.js"></script>
		<script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" /> 
		<style type="text/css">
			@keyframes coinRote{
				0% { 
					 transform: rotate(0deg) scale(1.1);
				}
				
			    100% {
			    	 transform: rotate(360deg) scale(1.1);
			    }
			}
			@keyframes highLight{
				0%, 40%, 80% {
					background-color:rgba(255, 255, 255, 0.4);
					transform:scale(1.1);
				}
				20%, 60%, 100% {
					background-color:rgba(255, 255, 255, 0.1);
					transform:scale(1);
				}																																								    
			}			
			.class-div-content {
				position: fixed;
				display: flex;
				flex-direction: column;
				justify-content: center;
				width: 100%;
				height: 100%;
			}
			.class-div-userAvater {
				position: absolute;
				display: flex;
				flex-direction: column;
				bottom: 0.5rem;
				left: 0.3rem;
			}
			@media screen and (orientation: portrait) {
			      html{
			         width : 100% ;
			         height : 100% ;
			          overflow : hidden;
			      }
			      body{
			          width : 100% ;
			          height : 100% ;
			          overflow : hidden;
			      }
			      .ul-c-detailBetInfo {
			      height:35vh;}
			      #print{
			         position : fixed;
			         overflow: hidden;
			      }
			      /*.class-div-content {
			      	padding: 1.3rem 1.35rem 1rem 1.81rem;
			      }*/
			      .class-div-partTwo span, .class-div-partThree span {
			      	font-size: 0.4rem !important;
			      }
				.class-div-userAvater {
				}			   
				#id-div-clock {
				top:0.5rem !important;}

			}
			@media screen and (orientation: landscape) {
			       html{
			         width : 100% ;
			         height : 100% ;
			         overflow: hidden;
			      } 
			      .ul-c-detailBetInfo {
			      	height:35vw;
			      }
			       body{
			          width : 100% ;
			         height : 100% ;
			         overflow: hidden;
			      }
		           #print{
		            top : 0 ; 
		            left : 0 ;
		            width : 100% ;
		            height : 100%;
		            overflow: hidden;
		         }
		        .class-img-cardAbsoluteLeft, .class-img-cardAbsoluteRight {
					width: 1.25rem !important;
				}
				.class-img-bottomLine {
					height: 1.2rem !important;
					margin: 0 0.1rem;
				}
				.class-div-partThree {
					padding-bottom: 0.4rem;
				}
			}
			#print {
				position : fixed;
				background-image: url(/img/caizhong/bjl/bg-2x.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-color: rgba(0, 0, 0, 0.2);
			}
			.class-img-cardAbsolute {
				position: absolute;
			}
			.class-img-cardAbsoluteRight {
				top: 0.14rem;
				right: 0.3rem;
				width: 1.3rem;
				height: 1.74rem;
			}
			.class-img-cardAbsoluteLeft {
				right: 0.16rem;
				width: 1.2rem;
				height: 1.74rem;
				left: 0.4rem;
				top: 0.14rem;
			}
			.class-menuButton {
				width: 0.6rem;
				height: 0.6rem;
				right: 0.18rem;
				top: 0.18rem;
				z-index:10;
			}
			
			.class-onmusic{
				width: 0.5rem;
				height: 0.5rem;
				z-index:5;
				top: 0.24rem;
				right: 1.6rem;
				
			}

			.class-div-wanfa span, .class-div-wanfa-textXian span, .class-div-wanfa-textzhuang span {
				text-align: center;
				font-size: 0.3rem;
				color: white;
			}
			.class-img-pockCard, .cardItemRight {
				width: 1.1rem;
				height: 1.2rem;
			}
			.class-div-part {
				display: flex;
				position: relative;
				justify-content: center;
				padding-bottom: 0.4rem;
			}
			.class-div-xian, .class-div-zhuang {
				font-size: 0;
				display: flex;
				align-items: center;
				position: relative;
				padding-bottom:0.3rem;
			}
			.class-div-xian .class-img-pockCard + .class-img-pockCard,
			.class-div-zhuang .class-img-pockCard + .class-img-pockCard {
/* 				margin-left: 0.18rem;
 */			}
			.class-div-textXian, .class-div-textzhuang {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			.class-div-textXian {
				margin-left: 0.26rem;
			}
			.class-div-textzhuang {
				margin-right: 0.26rem;
			}
			.class-div-playName {
				font-size: 0.5rem;
			}
			.class-div-playEnglishName {
				font-size: 0.2rem;
			}
			.class-img-topLine {
				height: 1.4rem;
				width: 2px;
				margin-left: 0.1rem;
				margin-right: 0.1rem;
			}
			.class-div-playNameActive, .class-div-playEnglishNameActive, .class-div-playNameNumberActive {
				color: #ffde00 !important;
			}
			.class-img-horizontalLine {
				height: 2px;
				position: absolute;
				bottom: 0;
				width: 80%;
				transform: translateX(-50%);
				left: 50%;
				
			}
			.class-div-partTwo {
				padding-top: 0.2rem;
				justify-content: center;
				padding-bottom: 0.2rem;
			}
			.class-div-wanfa {
				color: white;
				font-size: 0.5rem;
				display: flex;
				flex-direction: column;
				align-items: center;
				position: relative;
				padding-right: 1.5rem;
			}
			.class-div-wanfa span + span, .class-div-wanfa-textXian span + span, .class-div-wanfa-textzhuang span + span {
				margin-top: 0.02rem;
			}
			.class-span-wanfa-titleText {
				font-size: 0.4rem;
			}
			.class-img-middleLine, .class-img-middleLine-left {
				position: absolute;
				height: 100%;
				width: 2px;
			}
			.class-img-middleLine {
				right: 0;
				margin: 0 0.1rem;
			}
			.class-img-middleLine-left {
				left: 0;
				margin: 0 0.1rem;
			}
			.class-div-partThree {
				display: flex;
				justify-content: center;
				padding-top: 0.15rem;
			}
			.class-img-bottomLine {
				height: 1.9rem;
				width: 2px;
			}
			.class-div-wanfa-textXian, .class-div-wanfa-textzhuang {
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 0 1.3rem;
			}

			#id-img-userAvater {
				width: 0.82rem;
				height: 0.82rem;
			}
			.class-span-userNickName {
				font-size: 0.4rem;
				color: white;
			}
			.class-img-gameCoin, .class-xiandui-coin {
				width: 1rem;
				height: 1rem;
			}
			.class-img-gameCoin-large {
				transform: scale(1.2);
				transition: all 0.3s;
				
			/* 	animation: coinRote 1s infinite;
				animation-timing-function: linear; */
			}
			.class-img-gameCoin-large:after {
				content: "";
			   border: 3px solid rgba(255, 255, 255, 0.7);
			    box-shadow:-1px 1px 6px 2px rgba(255,255,255,0.8);
			    display: block;
			    border-radius: 50%;
			    position: absolute;
			    top: 0;
			    left: 0;
			    bottom: 2px;
			    right: 0;
			    z-index: -1;
			}
			.class-xiandui-coin {
				position: absolute;
				bottom: 500px;
				transition: bottom 0.2s;
			}
			#id-div-gameCoinsGroup {
				left: 2.6rem;
				position: absolute;
				bottom:0.02rem;
				display: flex;
				align-items: center;
			}
			.class-user-bettingMoney {
				display: inline-flex;
				background-color: #cd220f;
				color: white;
				border-radius: 4px;
				padding: 0.1rem;
				font-size: 0.3rem;
				justify-content: center;
				align-items: center;
				margin-left: 0.6rem;
				position: absolute;
				right: -1.1rem;
				top:50%;
				transform:translateY(-50%);
			}
			.class-span-maohaoLetterSplit {
				margin-left: 2px;
				margin-right: 2px;
			}
			.cardItemRight {
				position:absolute;
				transform:rotate(770deg) scale(0.6);
				transition: all 0.3s;
				top:0.3rem;
				right:0.15rem;				
			}
			.cardItemRight.slow {
				transition: all 0.6s;
			}
			.list {
				position: absolute;
			}
			.class-img-smallCoin, .class-img-fakeCoins {
				width:0.8rem;
				height:0.8rem;
				position:absolute;
			}
			.class-img-smallCoin, .class-img-fakeCoins {
				transition: all 0.4s;
			}
			.class-getResultHightLightDiv {
				animation: highLight 1s;
				animation-timing-function: linear;
				animation-iteration-count: 1;
			}
			
			.modal {
				position: fixed;
			    top: 0;
			    left: 0;
			    right: 0;
			    bottom: 0;
			    
			    z-index: 101;
			    display: none;
			    align-items: center;
			    justify-content: center;
			    background-color: rgba(255,255,255,0.6);
			   
			}
			.bounceIn{
			 animation-duration: .75s; 
			}
			.modalXiaZhu {
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			    justify-content: center;
			    background-color: rgba(255,255,255,0.6);
			}
			
			.modalXiaZhu{
			    max-height: 80%;
			    min-height: 40%;
			}
			.modalXiaZhu{
			    width: 80%;
			    border: 2px solid #1f8a20;
			    opacity: 1;
			    background-color: white;
			    border-radius: 12px;
			    max-width: 278px;
			}
			.modalXiaZhu h3{
				color:#000;
			}
			
		/* 	.modalXiaZhu p{
				width:2rem;
				margin-top:0.5rem;
				display:flex;
				align-items: center;
			    justify-content: space-between;
			}
			
			.modalXiaZhu p span{
				border:1px solid #1f8a20;
				background:#a7d2a7;
				padding:0.1rem;
				border-radius:6px;
			} */
			.modalXiaZhu p{
				margin-top:0.5rem;
			}
			
			.modalXiaZhu p span{
				border:1px solid #1f8a20;
				background:#a7d2a7;
				padding:0.1rem;
				border-radius:6px;
			}
			
			
			#id-div-clock {
				position:absolute;
				font-size:0.3rem;
				font-weight:bold;	
				display:flex;
				justify-content:center;
				align-items:center;	
				top:2px;
				left:50%;
				transform:translateX(-50%);
			}
			#id-img-clock {
				width:0.6rem;
				height:0.6rem;
			}
			#id-span-clockTimeNumber {
				position:absolute;
				left:50%;
				top:50%;
				transform:translateX(-50%) translateY(-50%);
				margin-top:2px;
			}	
			#id-span-xian-resultCount {
			color:#ffde00 !important;}
			#id-span-zhuang-resultCount, #id-span-xian-resultCount {
			font-size:0.3rem;}
			#id-div-loadingDiv {
				position:fixed;
				left:0;
				right:0;
				top:0;
				bottom:0;
				z-index:20;
				display:none;
				justify-content:center;
				align-items:center;
				font-size: 1.4rem;
				background-color:rgba(0, 0, 0, 0.6);
			}
			.class-img-myBetCoins {
				z-index: 40;
				background-size: cover;
				background-position: 100% 100%;
				background-repeat: no-repeat;
			}
			.class-img-myBetCoins:before {
				content: "";
				border: 3px solid rgba(255, 255, 255, 0.7);
				display: block;
				box-shadow: -1px 1px 6px 2px rgba(255,255,255,0.8);
				border-radius: 50%;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 2px;
				right: 0;	
				z-index: -1;
			}
			#id-span-clockTimeNumber {
				font-size: 0.36rem;
			}
			.ul-c-detailBetInfo {
				position: absolute;
				background-color: white;
				color: black;
				padding: 2vh;
				z-index: 100;
				display: none;
				left:0;
				opacity: 0;
				bottom:0;
				overflow: auto;
				-webkit-overflow-scrolling:touch;
				transition: all 0.3s;
			}
			.ul-c-BetInfo-in {
				opacity: 1;
			}
			.ul-c-BetInfo-out {
				opacity: 0;
			}			
			.ul-c-detailBetInfo li > img {
				width: 0.6rem;
				height: 0.6rem;
			}
			.ul-c-detailBetInfo li {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.ul-c-detailBetInfo li + li {
				border-top: 1px solid rgba(255, 255, 255, 0.5);
				padding-top: 6px;
			}
			.span-c-currentXiaZhu {
				display: inline-block;
				background-color: rgba(20,86,190, 0.5);
				color: white;
				font-size: 0.35rem;
				padding: 0.3rem;
				border-radius: 4px;
			}
			#div-i-xiazhuBtnWrapper {
				position: absolute;
				bottom:1rem;
				left:0;			
				z-index:500;	
			}
			.ul-c-detailBetInfo > p > i {
				width:10px;
				height:10px;
				border-radius: 50%;
				background-color:#f9d11e;
				display:inline-block;
				margin-right:4px;
			}
			.ul-c-detailBetInfo > p {
				text-align: right;
			}
      			#table-id-lushu td, #table-id-lushu th{
				padding:5px;
				text-align: center;
				border:1px solid #ddd;
				white-space: nowrap;
				position: relative;
			}
			#table-id-lushu {
				border-collapse: collapse;
			}
			.zhuangNormal {
			    display: inline-flex;
			    border-radius: 50%;
			    width: 20px;
			    height: 20px;
			    justify-content:center;
			    align-items:center;
			    position: relative;
			    font-weight: 700;
			    border:1px solid #bf0005;
			    color:#bf0005;
		    }
		    .xianNormal {
				display: inline-flex;
			    border-radius: 50%;
			    width: 20px;
			    height: 20px;
			    justify-content:center;
			    align-items:center;			    
			    position: relative;
			    font-weight: 700;
			    border:1px solid #0060bf;
			    color:#0060bf;
			}	
			.zhuangWin {
				background:#bf0005;
				color:white;
			}
			.xianWin {
				background:#0060bf;
				color:white;
			}   	
			.extra-div-duizi:after {
				content:"";
				display:inline-block;
				position: absolute;
				width:6px;
				height:6px;
				border-radius: 50%;
				background-color: #f9d11e;
				right:0;
				bottom:0;
			}
			.span-c-currentXiaZhu, .class-img-gameCoin {
				cursor: pointer;
			}
			
			#div_box .item1{display: inline-block;margin-left: -1px;}
			#div_box .item{width: 0.33rem;height: 0.33rem;border: 1px solid gray;margin: 0px;margin-top: -1px;padding:0.002rem}
			#div_box span{border-radius: 50%;display: inline-block;width: 0.25rem;height: 0.25rem;position: absolute;margin-left: -0.12rem;margin-top: 0.01rem}
			#div_box .span1{background: #0060BF;}
			#div_box .span2{background: #BF0005;}
			#div_box .span3{background: #238F22;}
		
		
			.form-control1 {
			    display: block;
			    width: 100%;
			    height: 34px;
			    padding: 6px 12px;
			    font-size: 14px;
			    line-height: 1.42857143;
			    color: #555;
			    background-color: #fff;
			    background-image: none;
			    border: 1px solid #ccc;
			    border-radius: 4px;
			    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			}
						
		
		</style>
	</head>
	<body class="webpBack">
	  <div id="print">
	  	<div class="class-div-content">
	  	<div id="div-i-xiazhuBtnWrapper">
	  		<div class="ul-c-detailBetInfo">
	  			<p><i></i>对子</p>
	  			<table id="table-id-lushu">
	  				<thead>
	  					<tr>
	  						<th>期号</th>
	  						<th>庄</th>
	  						<th>闲</th>
	  					</tr>
	  				</thead>
	  				<tbody class="tbody-xiazhuRecordList">
					<tr>
	  						<td>2420</td>
	  						<td><span class="zhuangNormal">6</span></td>
	  						<td><span class="xianNormal xianWin">4</span></td>
	  					</tr>
	  					<tr>
	  						<td>2420</td>
	  						<td><span class="xianNormal">6</span></td>
	  						<td><span class="zhuangNormal zhuangWin">4</span></td>
	  					</tr> 

	  				</tbody>
	  			</table>
	  		</div>	  	
	  		<span class="span-c-currentXiaZhu">本局下注</span>
	  	</div>
	  		<div style="display:inline-flex;font-size:0.3rem;justify-content:center;align-items:center;position: fixed;top:0.1rem;left:0.1rem">
			  	<span class="btn-span-returnToRoom" style="cursor:pointer;padding:0.1rem 0.2rem;border-radius:4px;height:auto;color:white;background-color:rgba(160,160,160,0.8);">返回大厅</span>　
			  	<span class="btn-span-wenlu" id="butt-wenlu" style="cursor:pointer;padding:0.1rem 0.2rem;border-radius:4px;height:auto;color:white;background-color:rgba(160,160,160,0.8);">问路</span>
	  		</div>
		  	<img src="/img/caizhong/bjl/playCardDevice-2x.png" style="z-index:5;transform:rotate(52deg);" class="class-img-cardAbsolute class-img-cardAbsoluteRight" />
		  	<img src="/img/caizhong/bjl/menuButton-2x.png" class="class-img-cardAbsolute class-menuButton"/>
		   	<img src="/img/caizhong/bjl/onmusic-2x.png" class="class-img-cardAbsolute class-onmusic" id="IO-music"/> 	
		   <div id="id-div-noticeDiv"></div>	  	
	  		<div id="id-div-clock">
	  			<img id="id-img-clock" src="/img/caizhong/bjl/clock-2x.png" />
	  			<span id="id-span-clockTimeNumber"></span>
	  		</div>
	  		<div class="class-div-part">
	  			<div class="class-div-xian">
		  			<div class="class-div-textXian">
		  				<span id="id-span-xian-resultCount"></span>
		  				<span class="class-div-playName class-div-playNameActive cssf9ec300a21a2f7">闲</span>
		  				<span class="class-div-playEnglishName class-div-playEnglishNameActive cssf9ec300a21a2f7">PLAYERS</span>
		  			</div>
		
	  			</div>
	  			<img src="/img/caizhong/bjl/top-line-2x.png" class="class-img-topLine"/>
	  			<div class="class-div-zhuang">
		  			<div class="class-div-textzhuang">
		  			<span id="id-span-zhuang-resultCount"></span>
		  				<span class="class-div-playName cssf9ec300a21a2f7">庄</span>
		  				<span class="class-div-playEnglishName cssf9ec300a21a2f7">BANKERS</span>
		  			</div>			
	  			</div>	  
	  		<img src="/img/caizhong/bjl/horizontal-line-2x.png" class="class-img-horizontalLine"/>	

	  		</div>
	  		<div class="class-div-part class-div-partTwo">
	  			<div class="class-div-xiandui class-div-wanfa"  data-gamename="xiandui" style="flex-direction: row; padding-left:1.5rem;" data-leftnum="2">
	  				<div style="display: flex;flex-direction: column;" >
						<span class="class-span-wanfa-titleText cssf9ec300a21a2f7">闲 对</span>
						<span class="cssf9ec300a21a2f7">1<span class="class-span-maohaoLetterSplit">:</span>${peilu.rebate4}</span>
						<!-- <span class="cssf9ec300a21a2f7">20.00</span> -->
					</div>
					<img src="/img/caizhong/bjl/middle-line-2x.png" class="class-img-middleLine"/>
	  			</div>
	  			<div class="class-div-he class-div-wanfa" data-gamename="he"  data-leftnum="1" style="padding-left:1.5rem;padding-right: 1.5rem;">
					<span class="class-span-wanfa-titleText cssf9ec300a21a2f7">和</span>
					<span class="cssf9ec300a21a2f7">1<span class="class-span-maohaoLetterSplit">:</span>${peilu.rebate5}</span>
					<!-- <span class="cssf9ec300a21a2f7">20.00</span> -->
	  			</div>	  			
	  			<div class="class-div-zhuangdui class-div-wanfa" data-gamename="zhuangdui" data-leftnum="0" style="padding-left:1.5rem;padding-right: 1.5rem;">
	  				<img src="/img/caizhong/bjl/middle-line-2x.png" class="class-img-middleLine-left"/>
					<span class="class-span-wanfa-titleText cssf9ec300a21a2f7">庄 对</span>
					<span class="cssf9ec300a21a2f7">1<span class="class-span-maohaoLetterSplit">:</span>${peilu.rebate3}</span>
				<!-- 	<span class="cssf9ec300a21a2f7">20.00</span> -->
	  			</div>
	  		<img src="/img/caizhong/bjl/horizontal-line-2x.png" class="class-img-horizontalLine"/>		
	  		</div>
	  		<div class="class-div-part class-div-partThree">
					<div class="class-div-wanfa-textXian class-div-wanfa" data-leftnum="2" data-gamename="xian">
		  				<span class="class-div-playName class-div-playNameActive cssf9ec300a21a2f7">闲</span>
		  				<span class="class-div-playEnglishName class-div-playEnglishNameActive cssf9ec300a21a2f7">PLAYERS</span>
		  				<span class="class-div-playNameNumberActive cssf9ec300a21a2f7">1<span class="class-span-maohaoLetterSplit" style="color: #ffde00">:</span>${peilu.rebate2}</span>
		  				<!-- <span class="cssf9ec300a21a2f7" style="color: #ffde00;">350.00</span> -->
		  			</div>
		  			<img src="/img/caizhong/bjl/bottom-line-2x.png" class="class-img-bottomLine" />
		  			<div class="class-div-wanfa-textzhuang class-div-wanfa" data-gamename="zhuang" data-leftnum="1">
		  				<span class="class-div-playName cssf9ec300a21a2f7">庄</span>
		  				<span class="class-div-playEnglishName cssf9ec300a21a2f7">BANKERS</span>
		  				<span class="cssf9ec300a21a2f7">1<span class="class-span-maohaoLetterSplit">:</span>${peilu.rebate1}</span>
		  				<!-- <span class="cssf9ec300a21a2f7">350.00</span> -->
		  			</div>	  				
	  		</div>	  
	  	</div>
	  	<div style="left: 0;position: absolute;display: flex;align-items: center;justify-content:space-around;font-size:0.25rem;bottom:3.3%;width:15%;">
	  		<span class="" id="" style=";font: inherit;padding:0 5px;">余额</span>   
	  		<span style="font:inherit;padding:6px 15px;background:red;color:#fff;border-radius:6px;" id="id-span-userCurrentMoney"></span> 
	  		</div>
	  	<div id="id-div-gameCoinsGroup">
	  		
 	   		<!-- <img src="/cp/img/caizhong/bjl/coin-1-2x.png" data-index="1" data-coinnum="1" class="class-img-gameCoin"/>
	  		<img src="/cp/img/caizhong/bjl/coin-5-2x.png" data-index="2" data-coinnum="5" class="class-img-gameCoin"/>
	  		<img src="/cp/img/caizhong/bjl/coin-20-2x.png" data-index="3" data-coinnum="20" class="class-img-gameCoin"/>
	  		<img src="/cp/img/caizhong/bjl/coin-50-2x.png" data-index="4" data-coinnum="50" class="class-img-gameCoin"/>
	  		<img src="/cp/img/caizhong/bjl/coin-100-2x.png" data-index="5" data-coinnum="100" class="class-img-gameCoin"/> -->
	  		<!-- <input data-rebate="3"  type="number" class="form-control1" style="width:80px;"> -->
	  		 <span style="margin-left:13px;"><button style="font-size:0.2rem;cursor:pointer;padding:0.1rem 0.2rem;border-radius:9px;height:auto;color:white;background-color:#218e23;" id='button-qxiao'>取消</button></span>
	  		 <span style="margin-left:13px;"><button style="font-size:0.2rem;cursor:pointer;padding:0.1rem 0.2rem;border-radius:9px;height:auto;color:white;background-color:#218e23;" id='button-Determine'>确定</button></span>
		   <!--  <span style="margin-left:13px;display:block;z-index:10;font-size: 0.5rem;top: 1%;" id="id-span-xiazhumoney">0<input data-rebate="3"  type="number" class="form-control1"  id="id-span-xiazhumoney" style="width:50px;border-radius: 8px;top: 50%;"></span>   -->
	  	</div>
	  	<div class="modal"> 
		  	<div class="modalXiaZhu bounceIn">
			  	<h3>确定下注吗</h3>
			  	<p>
				  	<span class="select">确定</span>
				  	<!-- <span class="select">取消</span> -->
			  	</p>
		  	</div>
	  	</div>
			<div id="notice" style="position: fixed;width: 100%;top:2.5rem;text-align: center;display:none;">
				<div style="width: 200px;background: rgba(0,0,0,0.5);color:white;font-size: 16px;border-radius: 10px;padding: 5px;display: inline-block;"></div>
			</div>
			
			<div id="div_box" class="butt-guanbi" style="position: fixed;width: 100%;text-align: center;background: red;height: 100%;background-color: rgba(0,0,0,0.4);display:none;">
				<div id="div_box_item" style="background-color: rgba(255,255,255,0.9);display: inline-block;border-radius: 10px;padding: 10px 10px 5px;margin-top:2rem;"></div>
			</div>
	  	
	   </div>
	   <div id="id-div-loadingDiv">
	   	<i class="fa fa-spinner fa-spin"></i>
	   </div>
		
		
		
		<div class="modal-div-fakeModal" id="div-i-notice" style="opacity: 0.6;">
		<div class="div-c-modalContent">
			<h3 class="fakemodal-title"></h3>
			<div class="fakemodal-content"></div>
			 <!-- <div class="fakemodal-btnsGroup"><button class="btn btn-default btn-class-closeFakeModal"></button></div>  -->
		</div>
		</div>
		
		
	   <script src="/js/common.js"></script>
	   <script src="/js/baijialeHelper.js"></script>
	   <script>
	   $("#button-qxiao").on("click",function(){
		   if(xian+zhuang+xiandui+zhuangdui+he > 0){
			   var allCards = document.querySelectorAll(".class-img-myBetCoins")
			   var smallCoins = document.querySelectorAll(".class-img-myBetCoins")
					for (var q = 0; q < smallCoins.length; q++ ) {
						var item = smallCoins[q]
						item.style.top = document.documentElement.clientHeight / 2 + (item.clientHeight * 2) + "px"
					}	
					setTimeout(function() {
						for (var q = 0; q < smallCoins.length; q++ ) {
							var item = smallCoins[q]
							$(item).remove()
						}				
					}, 500) 			
					setTimeout(function() {
					for (var i = 0; i < allCards.length; i++) {
						var item = allCards[i]
						item.style.top = "-" + (item.clientHeight + 10) + "px"
					}					
					}, 500) 		
					setTimeout(function() {
						for (var i = 0; i < allCards.length; i++) {
							var item = allCards[i]
							$(item).remove()
						}					
					}, 1000) 
					$("#notice").fadeOut("slow")
		   }
	  		xian = 0.00
			zhuang = 0.00
			xiandui = 0.00
			zhuangdui = 0.00
			he = 0.00
			iii = 0;
		   $("#id-span-xiazhumoney").text(xian+zhuang+xiandui+zhuangdui+he)
	   
	   })
	   
	   $(".butt-guanbi").on("click",function(){
			$("#div_box").fadeOut("slow")
	   })
		$("#butt-wenlu").on("click",function(){
			$("#div_box div").html("")
			var x=new Array();
			$.ajax({
				url:"/lsjlcx.do",
				type:"post",
				data: {zh: ROOM_ID},
				success:function(data){
					var d = data.data;
					for(var i=d.length-1;i>=0;i--){
						var nArr=d[i].split(":")
						var temp="";
						if(nArr[1]==nArr[2]){
							temp="span3";
						}else{
							temp=nArr[1]>nArr[2]?"span2":"span1";
						}
						
						x.push(temp)
					}
					
					var y=new Array();
					
					var t = "";
					var z = "";
					for(var i=0;i<x.length;i++){
						if(x[i]!=x[i-1]&&x[i]!="span3"&&t!=x[i]){
							t=x[i];
							z+="@@"
						}
						z+=x[i]+","
					}
					
					z=z.split("@@")
					var html=""
					for(var i=1;i<z.length;i++){
						html+="<div class='item1'>";
						var z1=z[i].split(",")
						for(var j=0;j<z1.length-1;j++){
							html+="<div class='item'><span class='"+z1[j]+"'></span></div>";
						}
						for(var j=0;j<12-z1.length+1;j++){
							html+="<div class='item'><span class='span'></span></div>";
						}
						html+="</div>"
					}
					for(var i=1;i<42-z.length;i++){
						html+="<div class='item1'>"
						for(var j=0;j<12;j++){
							html+="<div class='item'><span class='span'></span></div>";
						}
						html+="</div>"
					}
					$("#div_box div").html(html)
					$("#div_box").fadeIn("slow")
				   
				}
			})
	   })
	   $("#div_box_item").on("touchend",function(){
		   return false;
	   })
	   $("#div_box").on("touchend",function(){
		   $("#div_box").fadeOut("slow")
	   })
	   
	   //全局变量
	   //期号 
	   var currentMark
	   var zhuangXianArray	
	   var xianJiaBu
	   var zhuangJiaBu
	   var xianDianShu
	   var zhuangDianShu
	   var yingResultText
	   var MUSIC_PATH = ""
	   var BG_SOUND
	   var BG_ID
	   var Down_SOUND
	   var BET_START_SOUND
	   var BET_END_SOUND
	   var XIAN_SOUND
	   var ZHUANG_SOUND
	   var RESULT_SOUND
	   var ROOM_ID
	   var ROOM_INDEX
	   var isClick=true
	   var isIphone = /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)
	   var wanfaObject = {
			zhuangdui: ".class-div-zhuangdui",
			xiandui: ".class-div-xiandui",
			he: ".class-div-he",
			xian: ".class-div-wanfa-textXian",
			zhuang: ".class-div-wanfa-textzhuang",
	   }  
	   var COIN_IMG_OBJECT = {
		   "1": ["5", "10", "20", "50", "200"],
		   "2": ["50", "100", "500", "1000", "5000"],
		   "3": ["100", "200", "500", "1000", "5000"],
		   "4": ["100", "1000", "5000", "10000", "50000"],
		   "5": ["1000", "2000", "5000", "10000", "50000"],
		   "6": ["1000", "5000", "10000", "20000", "50000"],
	   }
	   var TABLE_NUMBER_OBJECT = {
			"1": "",
			"2": "2",
			"3": "3",
			"4": "4",
			"5": "5",
			"6": "6",
		}	   
	   var COIN_OBJECT = {
			   "1": 0,
			   "2": 0,
			   "3": 0,
			   "4": 0,
			   "5": 0,
	   }
	   var FAKE_COIN_ARRAY = {}
	   
	   var getServerCards = function() {
		   xian = 0.00
			zhuang = 0.00
			xiandui = 0.00
			zhuangdui = 0.00
			he = 0.00
			iii = 0;
		   $("#id-span-xiazhumoney").text(xian+zhuang+xiandui+zhuangdui+he)
			var urlPath = "/bjl" + TABLE_NUMBER_OBJECT[ROOM_INDEX] + ".do"
				var newRequest = {
					url: urlPath,
					type: "post",
					data: {
						zh: ROOM_ID,
						qihao: currentMark,
					},
					success: function(data) {
						var newData = JSON.parse(data)
						zhuangXianArray = newData
						dealServerCards(newData)
					},
					error: function(status) {
						console.log("status", status)
					}
				}
				ajax(newRequest)	
				setTimeout(function(){
					$("#notice div").html("null");
					$.ajax({
						url:"/findUserMoneyInfo.do",
						type:"post",
						data: {table_num: ROOM_ID,period:currentMark},
						success:function(data){
							var d = data.data;
							if(d!="当期没有人下注"){
								$("#notice div").html(d);
							}
						}
					})
				}, 5000 )
	   }
		// n > 11
		// n > 8
		// n > 5  5请求开奖结果
		// n > 0 	  
		
		
		
		var yingObject = {
				"闲赢": ".class-div-wanfa-textXian",
				"庄赢": ".class-div-wanfa-textzhuang",
				"和局": ".class-div-he",
		}
		var yingMusicObject = {
				"闲赢": "xianWin.mp3",
				"庄赢": "zhuangWin.mp3",
				"和局": "he.mp3",
		}
		
		var i=0
		var music=document.querySelector("#IO-music") 
	   // 初始值 35 秒
	    var autoTimeEvent = function(timeNum) {
		   var n = timeNum
		   
		   getMarkInfo(n)
		   getUserMoneyNumber()
		   if (timeNum > 15) {
			   
			   var timeSpan = document.querySelector("#id-span-clockTimeNumber")
			   var intervalFirst = setInterval(function() {
				   if (n - 15 > 0) {
					   timeSpan.innerHTML = n - 15
				   } else {
					   timeSpan.innerHTML = 0
				   }
				   if (n == 43) {
					    BET_START_SOUND.play()
				   }
				   if(15<n && n<=20){
					   music.onclick=function(){
						  
					   }
					   BG_SOUND.stop()
					   Down_SOUND.play()
				   }
				   if (n == 1) {
					   removeHighLightClassAndNumber()
					   removeAllCards()				   
					   clearInterval(intervalFirst)
					   autoTimeEvent(45)
				   }
				   else if (n == 4) {
					   settingResultDivHighLight()
				   }
				   else if (n == 15) {
					   BET_END_SOUND.play()
					   var currentCoin = document.querySelector(".class-img-gameCoin-large")
					   if (currentCoin != null) {
						   currentCoin.classList.remove("class-img-gameCoin-large")
					   }	
					   bindCheckIOmusicEvent()
					   createCardsFirst()
						 var state=music.src.substring(music.src.length-35,music.src.length)
					   if(state=="/img/caizhong/bjl/closemusic-2x.png"){
						   BG_SOUND.stop()
					   }else{
						   BG_SOUND.play()
					   }
					   // 获得牌的数据
				   }
				   n = n - 1
			   
			  
			   }, 1000)	
			   
		   }
		  
		   
		   //让用户等到我发完4张牌
		   else if (timeNum > 9) {
			   betsMoney = 0;
			   music.onclick=function(){
				   $("#IO-music").attr("disabled",false);
			   }
			   bindCheckIOmusicEvent()
			   var loadingDiv = document.querySelector("#id-div-loadingDiv")
			   loadingDiv.style.display = "flex"
			   var intervalEventTwoTwo = setInterval(function() {
				   var timeSpan = document.querySelector("#id-span-clockTimeNumber")
				   if (n - 15 > 0) {
					   timeSpan.innerHTML = n - 15
				   } else {
					   timeSpan.innerHTML = 0
				   }				   
				   if (n == 9) {
					   loadingDiv.style.display = "none"
					   //展示 4 张牌，正常补牌
				 	   var urlPath = "/bjl" + TABLE_NUMBER_OBJECT[ROOM_INDEX] + ".do"
					   var newRequest = {
					   url: urlPath,
					   type: "post",
						data: {
							qihao: currentMark,
							zh: ROOM_ID,
						},
						success: function(data) {
							var newData = JSON.parse(data)
							zhuangXianArray = newData
							notNoralToAddFourCard(newData.data)					
						},
						error: function(status) {
						}
					}
					ajax(newRequest)
				   }
				   else if (n == 8) {
				     if (xianJiaBu != undefined) {
					  	   addXianJiaCard(xianJiaBu)
					     }
				     if (zhuangJiaBu != undefined) {
				       setTimeout(function(event) {
				    	   addZhuangJiaCard(zhuangJiaBu)  
				       }, 500)
				     }							   
				   }
				   else if (n == 1) {
					   music.onclick=function(){
						   $("#IO-music").attr("disabled",false);
					   }
					   removeHighLightClassAndNumber()
					   removeAllCards()
			 		   clearInterval(intervalEventTwoTwo)
			 		   autoTimeEvent(45)					   
				   }		
				   else if (n == 4) {
					   settingResultDivHighLight()
				   }
				   n = n - 1
			   }, 1000)				   
		   }
		   
		   
		   // 让用户等到我发完补牌
		   else if (timeNum > 6) {
			   bindCheckIOmusicEvent()
			   var loadingDiv = document.querySelector("#id-div-loadingDiv")
			   loadingDiv.style.display = "flex"
			   var intervalEventTwo = setInterval(function() {
				   var timeSpan = document.querySelector("#id-span-clockTimeNumber")
				   if (n - 15 > 0) {
					   timeSpan.innerHTML = n - 15
				   } else {
					   timeSpan.innerHTML = 0
				   }				   
				   if (n == 6) {
					   loadingDiv.style.display = "none"
					   //展示 4 张牌，正常补牌
				 	   var urlPath = "/bjl" + TABLE_NUMBER_OBJECT[ROOM_INDEX] + ".do"
					   var newRequest = {
					   url: urlPath,
					   type: "post",
						data: {
							qihao: currentMark,
							zh: ROOM_ID,
						},
						success: function(data) {
							var newData = JSON.parse(data)
							zhuangXianArray = newData
							notNoralToAddFourCard(newData.data)
						    var dataArray = newData.data.split("@")
						    var zhuangjiaArray = dataArray[0].split(",")
						    var xianjiaArray = dataArray[1].split(",")
						     if (xianjiaArray.length > 4) {
						    	 xianJiaBu = xianjiaArray[3]
						    	 notNoralToAddFiveCard(xianJiaBu)
						     }
						     if (zhuangjiaArray.length > 4) {
						    	 zhuangJiaBu = zhuangjiaArray[3]
						    	 notNoralToAddSixCard(zhuangJiaBu)						    	 
						     }					     
						},
						error: function(status) {
						}
					}
					ajax(newRequest)
				   }
			       
				   else if (n == 1) {
					   removeHighLightClassAndNumber()
					   removeAllCards()
			 		   clearInterval(intervalEventTwo)
			 		   autoTimeEvent(45)					   
				   }
				   else if (n == 4) {
					   settingResultDivHighLight()
				   }					   	
				   n = n - 1
			   }, 1000)				   			   
		   }
		   
		   // 让用户等着，问你拿数据
		   else if (timeNum > 4) {
			   bindCheckIOmusicEvent()
			   var flag = false
			   var loadingDiv = document.querySelector("#id-div-loadingDiv")
			   loadingDiv.style.display = "flex"				   
			   var intervalEventThree = setInterval(function() {
				   var timeSpan = document.querySelector("#id-span-clockTimeNumber")
				   if (n - 15 > 0) {
					   timeSpan.innerHTML = n - 15
				   } else {
					   timeSpan.innerHTML = 0
				   }				   
				   	   if (!flag) {
					 	   var urlPath = "/bjl" + TABLE_NUMBER_OBJECT[ROOM_INDEX] + ".do"
						   var newRequest = {
						   url: urlPath,
						   type: "post",
							data: {
								qihao: currentMark,
								zh: ROOM_ID,
							},
							success: function(data) {
								flag = true
								loadingDiv.style.display = "none"
								var newData = JSON.parse(data)
								zhuangXianArray = newData
								notNoralToAddFourCard(newData.data)
							    var dataArray = newData.data.split("@")
							    var zhuangjiaArray = dataArray[0].split(",")
							    var xianjiaArray = dataArray[1].split(",")
							     if (xianjiaArray.length > 4) {
							    	 xianJiaBu = xianjiaArray[3]
							    	 notNoralToAddFiveCard(xianJiaBu)
							     }
							     if (zhuangjiaArray.length > 4) {
							    	 zhuangJiaBu = zhuangjiaArray[3]
							    	 notNoralToAddSixCard(zhuangJiaBu)						    	 
							     }							     
							},
							error: function(status) {
							}
						}
						ajax(newRequest)				   		   
				   	   }
					   else if (n == 4) {
						   settingResultDivHighLight()
					   }					   
					   else if (n == 1) {
						   removeHighLightClassAndNumber()
						   removeAllCards()
				 		   clearInterval(intervalEventThree)
				 		   autoTimeEvent(45)						   
					   }		
					   n = n - 1
			   }, 1000)						   
		   }
		   
		   // 让用户等到下一把
		   else {
			   bindCheckIOmusicEvent()
			   var loadingDiv = document.querySelector("#id-div-loadingDiv")
			   loadingDiv.style.display = "flex"			   
			   var intervalEventFour = setInterval(function() {
				   if (n == 1) {
					   loadingDiv.style.display = "none"	
					   clearInterval(intervalEventFour)
					   autoTimeEvent(45) 
				   } 
				   else {
					   n = n - 1
				   }
				   
			   }, 1000)
		   }
	   }
	   
	   // 获得服务器时间
 	   var getCurrentServerTime = function(callback) {
			var urlPath = "/dsq" + TABLE_NUMBER_OBJECT[ROOM_INDEX] + ".do"
			var newRequest = {
				url: urlPath,
				type: "post",
				data: {
					zh: ROOM_ID,
				},
				success: function(data) {
					var newData = JSON.parse(data)
					//拿到时间，调用自动倒计时
					autoTimeEvent(newData.data)
				},
				error: function(status) {
					console.log("status", status)
				}
			}
			ajax(newRequest)		   
	   }

		var initRoomCoinsAndPath = function() {
			ROOM_ID = GetQueryString("roomid")
			ROOM_INDEX = GetQueryString("index")
			addCoinImg(ROOM_ID)
		}
		// 庄对
		// 闲对
		
		var setDetailUlData = function() {
			var ul = document.querySelector(".ul-c-detailBetInfo")
			var allImgs = ul.querySelectorAll("img")
		//	var allLargeItems = document.querySelector("#id-div-gameCoinsGroup").querySelectorAll("img")
			for (var i = 0; i < allImgs.length; i++) {
				allImgs[i].src = allLargeItems[i].src
				allImgs[i].dataset.value = allLargeItems[i].dataset.coinnum
			}
		}
		 bindCheckIOmusicEvent()
		initAutoMusicPlayer()
	    initRoomCoinsAndPath()
		getCurrentServerTime()	
		getUserMoneyNumber()
		bindGameCoinsClickEvent()
		bindgameModeDivEvent()
		setDetailUlData()
		bindCheckBetBtnEvent()
 	    stopUserScaleScreenIOS()
 	    
/* 		document.addEventListener("touchstart", function(event){
			document.querySelector("#aaaa").play()
		}) */
	   </script>
	</body>
</html>
